.cart-body{
    width: 85%;
    margin: 65px auto;
    display: flex;
    justify-content: space-between;
    min-height: 470px;
}
.cart-left{
    width: 73%;
    
}
table{
    border: 1px solid #ddd;
    border-collapse: collapse;
    background-color: #fcfcfc;
    font-size: 14px;
}
th{
    color: #666;
}
tr{
    border-bottom: 1px solid #e5e7ec;
}
td{
    color: #888;
}
.product-name{
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.product-name img{
    padding-right: 40px;
}
.product-name a{
    width: 200px;
}
.input-number{
	display: flex;
	height: 30px;
	line-height: 30px;
}
.input-number-operation{
	width: 30px;
	border: 1px solid #dcdcdc;
	background: #f5f7fa;
	text-align: center;
	cursor: pointer;
}
.input-number-center{
	width: 50px;
   border: 1px solid #dcdcdc;
   outline: none;
   text-align: center;
   border-left: 0;
   border-right: 0;
 }
 .button{
	cursor: pointer;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	transition: .1s;
	border-radius: 3px;
}
.button-star{
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 9px;
	background: #f56c6c;
	background-color: #f56c6c;
}
.button-star:hover{
    background: #ff8383;
	background-color: #ff8383;
}
.button-success{
    background: #f0f9eb;
    color: #67c23a;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    border-color: #c2e7b0;
    
}
.button-delete{
    background: #fef0f0;
    color: #f56c6c;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px;
    border-color: #fbc4c4;
}
.before-img{
    display: block;
    float: left;
}
.after-img{
    display: none;
    float: left;
}
.button-success:hover{
    background: #67c23a;
    border-color: #67c23a;
    color: white;
}
.button-delete:hover{
    background: #f56c6c;
    border-color: #f56c6c;
    color: white;
}
.button-delete:hover .after-img{
    display: block;
}
.button-delete:hover .before-img{
    display: none;
}
.cart-right{
    width: 21%;
    font-size: 14px;
    color: #666;
}
.text-info{
    display: flex;
    justify-content: space-between;
}